<template>
  <div id="app">
    <!-- 引入magic-editor组件 -->
    <magic-editor :config="config"/>
  </div>
</template>

<script>
  // 引入组件
  import MagicEditor from 'magic-editor'
  // 引入样式
  import 'magic-editor/dist/magic-editor.css'
  import Vue from 'vue'
  import { ACCESS_TOKEN, TENANT_ID } from "@/store/mutation-types"

  export default {
    name: 'App',
    components: {
      MagicEditor
    },
    data(){
      return {
        config:{
          baseURL: 'http://localhost:8080/magic/web',    //配置后台服务
          serverURL: 'http://localhost:8080/magic/online',    //配置接口实际路径
          request: {
            beforeSend: function(config){
              // 如果是基于Cookie验证的，此处可以不配。
              config.headers.token = Vue.ls.get(ACCESS_TOKEN)
              return config;
            }
          }
          // 其它配置请参考文档
        }
      }
    }
  }
</script>

<style>
  html,body,#app {
    width: 100%;
    height:100%;
    margin:0;
    padding:0
  }
</style>